<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>快速访问元素</title>

</head>
<body>
    <div>11111</div>
    <div>22222</div>
    <div>33333</div>
    <div>44444</div>
    <br>
    <p class="a">dddddd</p>
    <p class="a">fffffff</p>
    <p class="a">ggggggg</p>
    <p class="a">hhhhhhh</p>

    <script type="text/javascript">
        /**
         document.querySelector("选择器")：返回页面中的第一个元素
         选择器：
         id:#id名
         类名：.类名
         标签名：标签名
         document.querySelectorAll("选择器")：返回页面中所有匹配的标签元素

         */
        var first = document.querySelector("div")
        console.log(first);

        var first2 = document.querySelector(".a");
        console.log(first2);


        var all1 = document.querySelectorAll("div");
        console.log(all1);

        var all2 = document.querySelectorAll(".a");
        console.log(all2);


    </script>

</body>
</html>